/*
*
* Sections
*/
.section-xs {
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-sm {
	padding: 30px 0;
}

.section-sm.section-first {
	padding-top: 60px;
}

.section-sm.section-last {
	padding-bottom: 60px;
}

.section-60,
.section-md,
.section-lg,
.section-xl {
	padding: 60px 0;
}

html [class*='section-'].section-bottom-0 {
	padding-bottom: 0;
}

html [class*='section-'].section-top-0 {
	padding-top: 0;
}

@media (min-width: 992px) {
	html [class*='section-'].section-lg-0 {
		padding: 0;
	}
}

@media (min-width: 768px) {
	.section-sm {
		padding: 40px 0;
	}
	.section-sm.section-first {
		padding-top: 80px;
	}
	.section-sm.section-last {
		padding-bottom: 80px;
	}
	.section-md {
		padding: 70px 0;
	}
	.section-lg {
		padding: 40px 0;
	}
	.section-xl {
		padding: 90px 0;
	}
}

@media (min-width: 992px) {
	.section-sm {
		padding: 50px 0;
	}
	.section-sm.section-first {
		padding-top: 100px;
	}
	.section-sm.section-last {
		padding-bottom: 100px;
	}
	.section-md {
		padding: 70px 0 90px;
	}
	.section-lg {
		padding: 50px 0;
	}
	.section-inset-custom-6,
	.section-xl {
		padding: 100px 0;
	}
	.desktop .section-top-1 {
		padding-top: 0;
	}
}

@media (min-width: 1600px) {
	.section-inset-custom-1 {
		padding-top: 120px;
		padding-bottom: 160px;
	}
	.section-inset-custom-2 {
		padding-top: 90px;
		padding-bottom: 130px;
	}
	.section-inset-custom-3 {
		padding-top: 100px;
		padding-bottom: 130px;
	}
	.section-inset-custom-4 {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.section-inset-custom-5 {
		padding-top: 145px;
		padding-bottom: 145px;
	}
}

@media (min-width: 1600px) {
	.section-fluid {
		padding-left: 75px;
		padding-right: 75px;
	}
	.section-fluid .container-fluid {
		padding-left: 0;
		padding-right: 0;
		max-width: 1770px;
		margin-left: auto;
		margin-right: auto;
	}
}

.section-single {
	position: relative;
	overflow: hidden;
	display: flex;
	text-align: center;
}

.section-single p {
	margin-left: auto;
	margin-right: auto;
}

.section-single .rights {
	letter-spacing: 0;
	font-weight: 400;
}

.section-single .rights a {
	position: relative;
	margin-left: 10px;
	border-bottom: 1px solid #ffffff;
}

.section-single .rd-mailform-wrap {
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.section-single * + p {
	margin-top: 6px;
}

.section-single p + p {
	margin-top: 0;
}

.section-single .DateCountdown + p {
	margin-top: 60px;
}

.section-single * + .button {
	margin-top: 40px;
}

.section-single * + .rights {
	margin-top: 35px;
}

.section-single * + .countdown-wrap {
	margin-top: 35px;
}

.section-single * + .rd-mailform-wrap {
	margin-top: 20px;
}

.section-single .countdown-wrap + * {
	margin-top: 35px;
}

@media (min-width: 992px) {
	.section-single * + .button {
		margin-top: 60px;
	}
	.section-single * + .rights {
		margin-top: 60px;
	}
	.section-single .countdown-wrap + * {
		margin-top: 35px;
	}
}

@media (min-width: 1200px) {
	.section-404 * + .button {
		margin-top: 90px;
	}
}

.section-single-header {
	padding: calc(1em + 4vh) 0 calc(1em + 2vh);
}

.section-single-main {
	padding: 60px 0 calc(1em + 5vh);
}

.section-single-footer {
	padding: calc(1em + 2vh) 0 calc(1em + 4vh);
}

.section-single-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 100vh;
}

.section-single-inner > * {
	width: 100%;
}

@supports (display: grid) {
	.section-single-inner {
		display: grid;
		justify-items: center;
		align-content: space-between;
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) {
	.section-single-main {
		padding: 70px 0 30px;
	}
}

@media (min-width: 1200px) {
	.section-single-header {
		padding-top: calc(1em + 9vh);
	}
}

@media (min-width: 1600px) {
	.section-single-main {
		padding-top: 65px;
		padding-bottom: 100px;
	}
}
	.desktop .context-dark .clients-classic:hover, .desktop .bg-gray-dark .clients-classic:hover, .desktop .bg-primary .clients-classic:hover {
		border-color: rgba(255, 255, 255, 0.6);
	}
	.desktop .context-dark .clients-classic:hover::before, .desktop .bg-gray-dark .clients-classic:hover::before, .desktop .bg-primary .clients-classic:hover::before {
		border-color: rgba(255, 255, 255, 0.6);
	}
}

.context-dark .clients-classic, .bg-gray-dark .clients-classic, .bg-primary .clients-classic {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.3);
}

/*
*
/*
*
* Backgrounds
*/
.context-dark, .bg-gray-dark, .bg-primary,
.context-dark h1,
.bg-gray-dark h1,
.bg-primary h1, .context-dark h2, .bg-gray-dark h2, .bg-primary h2, .context-dark h3, .bg-gray-dark h3, .bg-primary h3, .context-dark h4, .bg-gray-dark h4, .bg-primary h4, .context-dark h5, .bg-gray-dark h5, .bg-primary h5, .context-dark h6, .bg-gray-dark h6, .bg-primary h6, .context-dark [class*='heading-'], .bg-gray-dark [class*='heading-'], .bg-primary [class*='heading-'] {
	color: #ffffff;
}

.context-dark .form-wrap.has-error .form-input, .bg-gray-dark .form-wrap.has-error .form-input, .bg-primary .form-wrap.has-error .form-input {
	border-color: transparent;
}

.context-dark .form-input, .bg-gray-dark .form-input, .bg-primary .form-input,
.context-dark .form-label,
.bg-gray-dark .form-label,
.bg-primary .form-label,
.context-dark .form-validation,
.bg-gray-dark .form-validation,
.bg-primary .form-validation {
	color: #ffffff;
}

.context-dark .form-input, .bg-gray-dark .form-input, .bg-primary .form-input {
	background: rgba(255, 255, 255, 0.34);
	border-color: transparent;
}

.context-dark .rights, .bg-gray-dark .rights, .bg-primary .rights {
	color: #ffffff;
}

.context-dark .rights a, .bg-gray-dark .rights a, .bg-primary .rights a, .context-dark .rights a:focus, .bg-gray-dark .rights a:focus, .bg-primary .rights a:focus, .context-dark .rights a:active, .bg-gray-dark .rights a:active, .bg-primary .rights a:active {
	color: inherit;
}

.context-dark .rights a:hover, .bg-gray-dark .rights a:hover, .bg-primary .rights a:hover {
	color: #37933d;
}

.context-dark .button.button-pipaluk::after, .bg-gray-dark .button.button-pipaluk::after, .bg-primary .button.button-pipaluk::after {
	border-color: #ffffff;
}

.context-dark .button.button-pipaluk:hover, .bg-gray-dark .button.button-pipaluk:hover, .bg-primary .button.button-pipaluk:hover, .context-dark .button.button-pipaluk:active, .bg-gray-dark .button.button-pipaluk:active, .bg-primary .button.button-pipaluk:active {
	color: #ffffff;
}

.context-dark .button.button-ujarak:not([class*='button-secondary'])::before, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary'])::before, .bg-primary .button.button-ujarak:not([class*='button-secondary'])::before {
	background: #efe939;
}

.context-dark .button.button-ujarak:not([class*='button-secondary']):hover, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary']):hover, .bg-primary .button.button-ujarak:not([class*='button-secondary']):hover, .context-dark .button.button-ujarak:not([class*='button-secondary']):active, .bg-gray-dark .button.button-ujarak:not([class*='button-secondary']):active, .bg-primary .button.button-ujarak:not([class*='button-secondary']):active {
	border-color: #efe939;
}

.context-dark .button-secondary.button-ujarak::before, .bg-gray-dark .button-secondary.button-ujarak::before, .bg-primary .button-secondary.button-ujarak::before {
	background: #37933d;
}

.context-dark .button-secondary.button-ujarak:hover, .bg-gray-dark .button-secondary.button-ujarak:hover, .bg-primary .button-secondary.button-ujarak:hover, .context-dark .button-secondary.button-ujarak:active, .bg-gray-dark .button-secondary.button-ujarak:active, .bg-primary .button-secondary.button-ujarak:active {
	border-color: #37933d;
}

.footer-variant-2.context-dark, .footer-variant-2.bg-gray-dark, .footer-variant-2.bg-primary {
	color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .rights, .footer-variant-2.bg-gray-dark .rights, .footer-variant-2.bg-primary .rights {
	color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .button.button-ujarak::before, .footer-variant-2.bg-gray-dark .button.button-ujarak::before, .footer-variant-2.bg-primary .button.button-ujarak::before {
	background: #ffffff;
}

.footer-variant-2.context-dark .button.button-ujarak:hover, .footer-variant-2.bg-gray-dark .button.button-ujarak:hover, .footer-variant-2.bg-primary .button.button-ujarak:hover, .footer-variant-2.context-dark .button.button-ujarak:active, .footer-variant-2.bg-gray-dark .button.button-ujarak:active, .footer-variant-2.bg-primary .button.button-ujarak:active {
	color: #efe939;
	border-color: #ffffff;
}

.footer-modern.context-dark .form-input, .footer-modern.bg-gray-dark .form-input, .footer-modern.bg-primary .form-input {
	background: #565656;
}

.footer-creative.context-dark .form-input, .footer-creative.bg-gray-dark .form-input, .footer-creative.bg-primary .form-input {
	background: #54595e;
}

.context-dark .footer-contacts, .bg-gray-dark .footer-contacts, .bg-primary .footer-contacts {
	border-top-color: rgba(255, 255, 255, 0.2);
}

.context-dark .footer-contacts .icon, .bg-gray-dark .footer-contacts .icon, .bg-primary .footer-contacts .icon {
	color: #efe939;
}

.context-dark .footer-contacts p, .bg-gray-dark .footer-contacts p, .bg-primary .footer-contacts p {
	color: #ffffff;
}

.context-dark .footer-contacts a, .bg-gray-dark .footer-contacts a, .bg-primary .footer-contacts a, .context-dark .footer-contacts a:focus, .bg-gray-dark .footer-contacts a:focus, .bg-primary .footer-contacts a:focus, .context-dark .footer-contacts a:active, .bg-gray-dark .footer-contacts a:active, .bg-primary .footer-contacts a:active {
	color: #ffffff;
}

.context-dark .footer-contacts a:hover, .bg-gray-dark .footer-contacts a:hover, .bg-primary .footer-contacts a:hover {
	color: #37933d;
}

.context-dark .footer-link-list a, .bg-gray-dark .footer-link-list a, .bg-primary .footer-link-list a, .context-dark .footer-link-list a:focus, .bg-gray-dark .footer-link-list a:focus, .bg-primary .footer-link-list a:focus, .context-dark .footer-link-list a:active, .bg-gray-dark .footer-link-list a:active, .bg-primary .footer-link-list a:active {
	color: inherit;
}

.context-dark .footer-link-list a:hover, .bg-gray-dark .footer-link-list a:hover, .bg-primary .footer-link-list a:hover {
	color: #37933d;
}

.context-dark .footer-social-list-2 a, .bg-gray-dark .footer-social-list-2 a, .bg-primary .footer-social-list-2 a, .context-dark .footer-social-list-2 a:focus, .bg-gray-dark .footer-social-list-2 a:focus, .bg-primary .footer-social-list-2 a:focus, .context-dark .footer-social-list-2 a:active, .bg-gray-dark .footer-social-list-2 a:active, .bg-primary .footer-social-list-2 a:active {
	color: #ffffff;
}

.context-dark .footer-social-list-2 a:hover, .bg-gray-dark .footer-social-list-2 a:hover, .bg-primary .footer-social-list-2 a:hover {
	color: #37933d;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel, .footer-minimal.bg-primary .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-primary .footer-corporate-bottom-panel, .footer-corporate.context-dark .footer-minimal-bottom-panel, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel, .footer-corporate.bg-primary .footer-minimal-bottom-panel,
.footer-corporate.context-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-primary .footer-corporate-bottom-panel {
	color: rgba(255, 255, 255, 0.3);
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a, .footer-minimal.bg-primary .footer-minimal-bottom-panel a, .footer-minimal.context-dark .footer-minimal-bottom-panel a:focus, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus, .footer-minimal.context-dark .footer-minimal-bottom-panel a:active, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:active, .footer-corporate.context-dark .footer-minimal-bottom-panel a, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a, .footer-corporate.bg-primary .footer-minimal-bottom-panel a, .footer-corporate.context-dark .footer-minimal-bottom-panel a:focus, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus, .footer-corporate.context-dark .footer-minimal-bottom-panel a:active, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:active {
	color: inherit;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover, .footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover, .footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover, .footer-corporate.context-dark .footer-minimal-bottom-panel a:hover, .footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover, .footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover {
	color: #37933d;
}

.footer-minimal.context-dark .rights, .footer-minimal.bg-gray-dark .rights, .footer-minimal.bg-primary .rights, .footer-corporate.context-dark .rights, .footer-corporate.bg-gray-dark .rights, .footer-corporate.bg-primary .rights {
	color: inherit;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak::before, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-minimal.bg-primary .button-gray-31.button-ujarak::before, .footer-corporate.context-dark .button-gray-31.button-ujarak::before, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-corporate.bg-primary .button-gray-31.button-ujarak::before {
	background: #37933d;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak:hover, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-minimal.bg-primary .button-gray-31.button-ujarak:hover, .footer-minimal.context-dark .button-gray-31.button-ujarak:active, .footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-minimal.bg-primary .button-gray-31.button-ujarak:active, .footer-corporate.context-dark .button-gray-31.button-ujarak:hover, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-corporate.bg-primary .button-gray-31.button-ujarak:hover, .footer-corporate.context-dark .button-gray-31.button-ujarak:active, .footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-corporate.bg-primary .button-gray-31.button-ujarak:active {
	color: #ffffff;
	border-color: #37933d;
}

.footer-corporate-2.context-dark .footer-contacts .icon, .footer-corporate-2.bg-gray-dark .footer-contacts .icon, .footer-corporate-2.bg-primary .footer-contacts .icon {
	color: #37933d;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before {
	background: #efe939;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover, .footer-corporate-2.context-dark .button-gray-31.button-ujarak:active, .footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active, .footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active {
	border-color: #efe939;
}

.context-dark .post-minimal-2-time, .bg-gray-dark .post-minimal-2-time, .bg-primary .post-minimal-2-time {
	color: rgba(255, 255, 255, 0.25);
}

.context-dark .text-strike-1, .bg-gray-dark .text-strike-1, .bg-primary .text-strike-1 {
	color: rgba(255, 255, 255, 0.52);
}

.context-dark .text-strike-1::before, .bg-gray-dark .text-strike-1::before, .bg-primary .text-strike-1::before {
	background: rgba(252, 239, 87, 0.7);
}

.context-dark .video-modern-subtitle, .bg-gray-dark .video-modern-subtitle, .bg-primary .video-modern-subtitle {
	color: #efe939;
}

.context-dark .title-decoration-lines-left::before, .bg-gray-dark .title-decoration-lines-left::before, .bg-primary .title-decoration-lines-left::before {
	background: #efe939;
}

.context-dark .text-gray-500, .bg-gray-dark .text-gray-500, .bg-primary .text-gray-500 {
	color: rgba(255, 255, 255, 0.3);
}

.context-dark .brand .brand-logo-dark, .bg-gray-dark .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark {
	display: none;
}

.context-dark .brand .brand-logo-light, .bg-gray-dark .brand .brand-logo-light, .bg-primary .brand .brand-logo-light {
	display: block;
}
.bg-overlay-4-60::before {
	background: rgba(24, 38, 50, 0.6);
}
@media (min-width: 992px) {
	.desktop .oh-desktop {
		overflow: hidden;
	}
}

/**

* Video
*/
.video-classic {
	position: relative;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

.video-classic .video-classic-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.video-classic-play {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	z-index: 1;
}

.video-classic-play > span {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	border-style: solid;
	border-width: 6.5px 0 6.5px 12px;
	border-color: transparent transparent transparent #151515;
	transition: all .3s ease;
	z-index: 0;
}

.video-classic-play::before, .video-classic-play::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	will-change: transform;
	transition: inherit;
	z-index: -1;
}

.video-classic-play::before {
	background: rgba(255, 255, 255, 0.61);
}

.video-classic-play::after {
	background: #f25e65;
	transform: scale(0.7);
	opacity: 0;
}

.video-classic-play:hover > span {
	border-left-color: #ffffff;
}

.video-classic-play:hover::before {
	transform: scale(1.2);
}

.video-classic-play:hover::after {
	opacity: 1;
	transform: none;
}

.video-classic-play-2 {
	width: 100px;
	height: 100px;
}

.video-classic-play-2::before {
	background: rgba(21, 21, 21, 0.61);
}

.video-classic-play-2 > span {
	border-left-color: #ffffff;
	border-width: 11.5px 0 11.5px 20px;
}

.video-modern * + .video-classic-play {
	margin-top: 24px;
}

.video-modern-subtitle {
	font-weight: 300;
	color: #37933d;
}

.video-modern-text {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	font-weight: 500;
}

* + .video-modern-title {
	margin-top: 4px;
}

* + .video-modern-text {
	margin-top: 10px;
}

.modal-video {
	align-items: center;
}

.modal-video.show {
	display: flex !important;
}

.modal-video .modal-dialog {
	width: 100%;
}

.modal-video .modal-content {
	display: block;
	font-size: 0;
	line-height: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}

.modal-video .modal-header {
	display: block;
	padding: 0;
	border: none;
}

.modal-video .modal-body {
	padding: 0;
}

.modal-video video {
	width: 100%;
}

.modal-video .close {
	position: relative;
	color: #ffffff;
	font-size: 30px;
	font-weight: 400;
	text-shadow: none;
	cursor: pointer;
	z-index: 1;
}

@media (min-width: 576px) {
	.modal-video .modal-dialog {
		max-width: 80%;
	}
}

@media (min-width: 1200px) {
	.modal-video .modal-dialog {
		max-width: 60%;
	}
}

/*
*
* Video BG
* --------------------------------------------------
*/
.bg-vide {
	position: relative;
	z-index: 0;
}

.bg-vide > * {
	position: relative;
	z-index: 2;
}

.bg-vide > div:not(.container) {
	pointer-events: none;
}

.bg-vide::before {
	z-index: 1;
}

.video-background {
	position: relative;
	overflow: hidden;
	background-color: #151515;
}

.video-background-poster {
	display: none;
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-foreground {
	height: 300%;
	top: -100%;
}

.video-foreground iframe {
	left: -5px;
	width: calc(100% + 5px);
}

.video-background-inner {
	position: relative;
	z-index: 1;
}

[data-x-mode="true"] .video-foreground,
.builder .video-foreground,
.ios .video-foreground,
.ipad .video-foreground,
.tablet .video-foreground,
.devices .video-foreground,
.mobile .video-foreground {
	display: none;
}

[data-x-mode="true"] .video-background-poster,
.builder .video-background-poster,
.ios .video-background-poster,
.ipad .video-background-poster,
.tablet .video-background-poster,
.devices .video-background-poster,
.mobile .video-background-poster {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

[data-x-mode="true"] .video-background-poster img,
.builder .video-background-poster img,
.ios .video-background-poster img,
.ipad .video-background-poster img,
.tablet .video-background-poster img,
.devices .video-background-poster img,
.mobile .video-background-poster img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}